<!doctype html>
<html lang>
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
       *{
                margin:0;
                padding: 0;
            }
    
            .header {
                width: 100%;
                height: 50px;
                background: #e43e3e;
                box-shadow: 0 2px 7px rgba(23, 33, 43, 0.51);
                position:fixed;
                z-index:100;
                top:0;
                left:0;
                
            }
    
            .logo {
                float: left;
                padding: 0 0 0 30px;
               
            }
    
            .right {
                float: right;
                height: 100%;
                margin: 0;
                
            }
    
            .mid {
                width: 488px;
                height: 50px;
                margin: 0 auto;
            
            }
    
            ul {
                width: auto;
                height: 100%;
                display: block;
                list-style: none;
                
            }
    
            ul li {
                float: left;
                width: auto;
                height: 50px;
                display: block;
                padding: 0 15px;
               
            }

            ul li a:hover {
                background-color: rgba(31, 39, 48, 0.51);
            }
    
            ul li a {
                padding: 0 5px 10px 5px;
                padding: 0 5px;
                line-height: 50px;
                display: inline-block;
            }
            ul li a img {
                width: 30px;
                height: 30px;
                margin-top: 8px;
                border-radius: 20px;
                border: 1px solid #A7AEB5;
            }

            .china {
            width: 1080px;
            height: 50px;
            margin: 0 auto;
            padding: 0;
           
            }
            .china p{
                font-style: italic; 
                font-size: 22pt;
                font-family:微软雅黑;
                color:seashell; 
            }



       .father{
           margin:auto;
           width:100%;
           height:390px;
           background:#8ba7b3;
      }
      .img{
          width:180px;
          height:210px;
          padding-top:100px;
          margin-left:110px;
      }
      .content{
          width:410px;
          height:40px;
          margin-left:300px;
          margin-top: -220px;
          font-style: italic; 
          font-size: 14pt;
          font-family:微软雅黑;
          text-align: center;
          color:seashell; 
     }
      .p1{
          width:780px;
          height:70px;
          margin-left:330px;
          margin-top: 20px;
          font-size: 16pt;
          font-family:华文中宋;
          color:rgb(83, 82, 81);  
      }
     .radius{
         width:50px;
         margin-left:330px;
         padding:7px 40px 0 0;
         border:3px solid #ffffff;
         border-radius: 11px 11px 11px 11px;
         display:inline-block;
         background:#ffffff;
      }
     .one{
         width:70px;
         margin-top:-30px;
         margin-left:38px;
         font-family:黑体;
         font-size: 16pt;
         font-weight:bold;
      }
      .one1{
         width:23px;
         height:23px;
         border-radius: 11.5px 11.5px 11.5px 0;
         margin:0;
         padding:10px 50px 0 0;
         border:3px solid #ffffff;
         background:#ffffff;
         font-size:14pt;
         font-weight:bold;
         display:inline-block;
      }
      .radius1{
         width:50px;
         margin-left:30px;
         padding:7px 40px 0 0;
         border:3px solid #ffffff;
         border-radius: 11px 11px 11px 11px;
         display:inline-block;
         background:#ffffff;
      }
      .two{
         width:70px;
         margin-top:-30px;
         margin-left:38px;
         font-family:黑体;
         font-size: 16pt;
         font-weight:bold;
      }
      .two1{
         width:23px;
         height:23px;
         border-radius: 11.5px 11.5px 11.5px 0;
         margin:0;
         padding:10px 50px 0 0;
         border:3px solid #ffffff;
         background:#ffffff;
         font-size:14pt;
         font-weight:bold;
         display:inline-block;
      }
      .radius2{
         width:305px;
         margin-left:38px;
         padding:7px 40px 0 0;
         border:3px solid #919090;
         border-radius: 11px 11px 11px 11px;
         background:#fff;
         display:inline-block;
      }
      .three{
         width:300px;
         margin-top:-30px;
         margin-left:38px;
         font-family:黑体;
         font-size: 16pt;
         font-weight:bold;
      }
      .weixin{
         width:50px;
         margin-left:330px;
         padding:7px 40px 0 0;
         display:inline-block;
      }
      .a2:hover{
          color:#07b1fa;
      }


      .box{
         width:1225px;
         height:245px;
         padding-top:20px;
         margin-left:10px;
         font-family:黑体;
         font-size:15pt;
         color:#fa071b;
         font-weight: bold;
         border-bottom:1px solid #e7e7e7;
      }
      .box-1{
        width:240px;
        height:40px;
        padding-left:268px;
      }
      .a3:hover{
          color:#8d1822;
          text-decoration:underline;
      }
        .box1{
        width:270px;
        height:170px;
        padding-top:20px;
        background:#eff0f0;
        border:#cecece 1px solid;
        border-radius: 8px 8px 8px 8px;
      }
       .box2{
        width:270px;
        height:170px;
        margin-left:285px;
        margin-top:-192.5px;
        padding-top:20px;
        background:#eef0f0;
        border:#cecece 1px solid;
        border-radius: 8px 8px 8px 8px;
      }
        .box3{
        width:270px;
        height:170px;
        margin-left:570px;
        margin-top:-192.5px;
        padding-top:20px;
        background:#eef0f0;
        border:#cecece 1px solid;
        border-radius: 8px 8px 8px 8px;
      }
      .box4{
        width:355px;
        height:170px;
        margin-left:855px;
        margin-top:-192.5px;
        padding-top:20px;
        background:#eef0f0;
        border:#cecece 1px solid;
        border-radius: 8px 8px 8px 8px;
      }
      .box4-1{
        width:150px;
        height:40px;
        padding-left:358px;
      }

      .img1{
        text-align:center;
      }
      .p2{
          font-family:宋体;
          font-size:10pt;
          color:black;
      }
      .a3{
          font-family:黑体;
          font-weight: bold;
      }


      .father1{
         width:1170px;
         height:380px;
         margin-top:28px;
         margin-left:27px;
         font-family: 华文中宋;
         font-size:20pt;
         border-bottom:1px solid #e7e7e7;
      }
        .box-left{
        float:left;
        width:525px;
        height:380px;
        border-bottom:1px solid #e7e7e7;
      }
      .box-left1{
          width:525px;
          height:45px;
          padding-top:10px;
          border-bottom:1px solid #e7e7e7;
          font-size:16pt;
          color:rgb(197, 196, 196);
      }
      .box-right{
        float:right;
        width:580px;
        height:380px;
        margin-right:20px;
      }
      .box-right1{
          width:600px;
          height:45px;
          padding-top:10px;
          border-bottom:1px solid #e7e7e7;
          font-size:16pt;
          color:rgb(197, 196, 196);
      }
      .a4{
        font-family:微软雅黑;
         font-size:14pt;
         color:#f30418;
      }
      .a4:hover{
          color:#c71f2d;
          text-decoration:underline;
      }



      .father2{
         width:1100px;
         height:640px;
         margin-top:40px;
         margin-left:60px;
      }
      .p2{
        width:400px;
         height:40px;
         font-family:黑体;
         font-size:23pt;
         margin-left:-510px;
         display:inline-block;
      }
      .p3{
         width:200px;
         height:40px;
         font-family:微软雅黑;
         font-weight: bold;
         display:inline-block;
      }
      .left-one{
        float:left;
        width:500px;
        height:110px;
        margin-top:80px;

      }
        .right-one{
        float:right;
        width:500px;
        height:110px;
        margin-top:80px;
      }
     .img2{
         width:70px;
         height:70px;
         padding-top:30px;
     }
     .p4{
         width:300px;
         height:40px;
         margin-left:100px;
         margin-top: -100px;
         font-family: 微软雅黑;
         font-size:18pt;
         font-weight:bold;
     }
     .content1{
         width:400px;
         height:70px;
         margin-left:100px;
         color:#9fa09f;
     }


     .end{
         width:100%;
         height:54px;
         border-top: 1px solid #b9b6b6;
              
        }
      .footer {
         width: 100%;
         height: 50px;
         background: #b9b6b6;
         margin-top:1px;
         box-shadow: 0 2px 7px rgba(23, 33, 43, 0.51);
         z-index:100;
         top:0;
         left:0;
       }
      .footer.left {
         float: left;
         height: 100%;
         margin: 0;
       }
    
      .footer.mid1 {
         width: 488px;
         height: 50px;
         margin: 0 auto;
        }
    
       .footer ul {
         width: auto;
         height: 100%;
         display: block;
         list-style: none;
        }
    
      .footer ul li {
        float: left;
        width: auto;
        height: 50px;
       display: block;
        padding: 0 8px;
       }

      .footer ul li a:hover {
         background-color: rgba(31, 39, 48, 0.51);
       }
    
     .footer ul li a {
         padding: 0 1px 0 1px;
         line-height: 50px;
         display: inline-block;
       }
     .footer .img3{
         width:40px;
         height:30px;
         margin-left:1110px;
       }


       .footer1{
         width:100%;
         height:104px;
         color:#9c9c9c;
         background:rgb(44, 41, 41);
        text-align: center;
        }
      .p5{
          font-size:10pt;
          display:inline-block;
      }
      .p6{
          color:#fff;
          display:inline-block;
      }
      .a6:hover{
          text-decoration: underline;
      }
    </style>
</head>
<body>
    <div class="header">
        <div class="logo">
            <img alt="logo" src="PHP/code.jpg" width="50" height= "40">
        </div>
        <div class="right">
            <ul>
                <li><a class="text"><img src="PHP/code1.jpg" width="100" height= "70"/></a></li>
                <li><a >下载</a></li>
                <li><a>用户手册</a></li>
                <li><a>开发者社区</a></li>
                <li><a>贡献</a></li>
            </ul>
        </div>
        <div class="china">    
            <p>CodeIgniter&nbsp;中国</p>
        </div>
    </div>


    <div class="father">
        <div class="img">
            <img vspace="20" src="PHP/ci-logo-big.png"/>
        </div>
        <div class="content">
            <h1>优雅的 CodeIgniter</h1>
        </div>
        <div class="p1">
            <p>CodeIgniter 是一个小巧但功能强大的 PHP 框架，作为一个简单而“优雅”的工具包，它可以为开发者们建立功能完善的 Web 应用程序。</p>
        </div>
        <div class="radius">
                <a><img src="PHP/cat.jpg" width="35" height="35"/></a>
            <div class="one">
                <a>Star</a>
            </div> 
    </div>
        <div class="one1">
            <a class="a2">18,109</a> 
        </div>


        <div class="radius1">
            <a><img src="PHP/cat.jpg" width="35" height="35"/></a>
            <div class="two">
                <a>Star</a>
            </div> 
        </div>
        <div class="two1">
            <a class="a2">7,858</a> 
        </div>

        <div class="radius2">
            <a><img src="PHP/cat.jpg" width="35" height="35"/></a>
            <div class="three">
                <a>Follow @CodeIgniter-Chinese</a>
            </div> 
        </div>
        <div class="weixin">
            <p><img src="PHP/weixin.jpg" width="27" height="27"/></p>
        </div>
 </div>


 <div class="box">
    <div class="img1">
        <div class="box1">
            <img src="PHP/box1.jpg" weight="50" height="58"/>
              <div><a class="a3">下载 CodeIgniter</a></div> <br/>
              <div class="box-1">
            <div class="p2"><p>最新版本: <a class="a3">4.0.3版</a></p></div>
            </div>
        </div>
        <div class="box2">
            <img src="PHP/box2.jpg" weight="50" height="58"/>
            <div><a class="a3">阅读用户手册</a></div> <br/>
            <div class="box-1">
            <div class="p2"><p>清晰完善的文档</p></div>
            </div>
        </div>
        <div class="box3">
            <img src="PHP/box3.png" weight="60" height="60"/>
            <div><a class="a3">到论坛讨论</a></div> <br/>
            <div class="box-1">
            <div class="p2"><p>加入我们的社区</p></div>
            </div>
        </div>
        <div class="box4">
            <img src="PHP/box4.jpg" weight="50" height="56"/>
            <div><a class="a3">在GitHub 上</a></div> <br/>
            <div class="box4-1">
            <div class="p2"><p>帮助修复BUG或开发新功能</p></div>
            </div>
    </div>
</div>
</div>

<div class="father1">
    <div class="box-left">
        <p>最新文章</p><br/>
        <div class="box-left1">2020.02.04&nbsp;&nbsp;&nbsp;<a class="a4">CodeIgniter 4.0 正式版发布了！</a></div>
        <div class="box-left1">2019.06.12&nbsp;&nbsp;&nbsp;<a class="a4">CodeIgniter 使用技巧系列文章</a></div>
        <div class="box-left1">2018.09.29&nbsp;&nbsp;&nbsp;<a class="a4">CodeIgniter 4 alpha 1 版发布了</a></div>
        <div class="box-left1">2017.08.30&nbsp;&nbsp;&nbsp;<a class="a4">CodeIgniter 4 中文手册翻译计划</a></div>
        <div class="box-left1">2016.07.04&nbsp;&nbsp;&nbsp;<a class="a4">CodeIgniter 4 Milestone 1版发布了</a></div>
    </div>
    <div class="box-right">
        <p>论坛最新主题</p><br/>
        <div class="box-right1">2020.12.23&nbsp;&nbsp;&nbsp;<a class="a4">Codeigniter4的XSS过滤问题</a></div>
        <div class="box-right1">2020.12.15&nbsp;&nbsp;&nbsp;<a class="a4">CI4 limit 问题</a></div>
        <div class="box-right1">2020.11.30&nbsp;&nbsp;&nbsp;<a class="a4">用CI开发的网上商城系统</a></div>
        <div class="box-right1">2020.11.27&nbsp;&nbsp;&nbsp;<a class="a4">ci有没有一边操作业务一边给前台返回进度 </a></div>
        <div class="box-right1">2020.11.25&nbsp;&nbsp;&nbsp;<a class="a4">欢迎交流CI4实际开发中的问题，本人正在开发的小项目</a></div>
    </div>
 </div>
</div>

<div class="father2">
    <div class="p2">为什么使用 <div class="p3">CodeIgniter?</div></p></div>
    <div class="left-one">
        <div class="img2"><img src="PHP/left_1.jpg" width="70" height="60"/></div>
        <div class="p4"><P>小巧的框架</P></div>
        <div class="content1">CodeIgniter 3 包括用户手册的安装包仅有 2MB 大小。</div>
    </div>
    <div class="right-one">
        <div class="img2"><img src="PHP/right_1.png" width="70" height="70"/></div>
        <div class="p4"><P>出色的性能</P></div>
        <div class="content1">CodeIgniter 的性能始终优于大多数同类框架。</div>
    </div>
    <div class="left-one">
        <div class="img2"><img src="PHP/left_2.jpg" width="70" height="80"/></div>
        <div class="p4"><P>不喜欢复杂，热爱简单</P></div>
        <div class="content1">CodeIgniter 允许用户自由选择是否使用 MVC 架构。</div>
    </div>
    <div class="right-one">
        <div class="img2"><img src="PHP/right_2.jpg" width="80" height="70"/></div>
        <div class="p4"><P>非常安全</P></div>
        <div class="content1">我们非常重视安全问题，框架内建 CSRF 和 XSS 攻击的防御措施。</div>
    </div>
    <div class="left-one">
        <div class="img2"><img src="PHP/left_3.jpg" width="70" height="60"/></div>
        <div class="p4"><P>清晰与完善的文档</P></div>
        <div class="content1">CodeIgniter 安装包中包含《用户手册》，手册囊括了入门介绍、教程、“手把手”指导，还包括了框架组件的参考文档。</div>
    </div>
    <div class="right-one">
        <div class="img2"><img src="PHP/right_3.jpg" width="80" height="70"/></div>
        <div class="p4"><P>几乎 0 配置</P></div>
        <div class="content1">CodeIgniter 奉行约定胜于配置的理念（例如把模型文件放到“models“文件夹中）。当你希望修改配置的时候，在“config“文件夹中有许多配置项供你修改。</div>
    </div>
</div>


<div class="end">
    <div class="footer">
     <div class="left">
         <ul>
             <li><a >知乎专栏</a></li>
             <li><a>官方网店</a></li>
             <li><a>政策</a><li>
             <li><a>保留条款</a></li>
             <li><a>关于</a></li>
             <li><a>English website</a></li>
         </ul>
     </div>
     <div class="img3"><img src="PHP/footer.jpeg" width="60" height="50"></div>
 </div>
</div>


<div class="footer1">
    <div>本站由<p class="p6"><a class="a6">BCIT</a></p>原创设计，基于 CodeIgniter 框架构建</div><br/>
    <div class="p5"><a class="a6">京ICP备15004218号</a>&nbsp;&nbsp;<img src="PHP/footer1.jpg" width="20" height="20">&nbsp;&nbsp;<a class="a6">京公网安备 11011202001221号</a></div>
</div>

</body>
</html>
